<template>

    <div class="qualityFlow-dealwith-box">
        <div class="tabs-card-edit-box">
            <a-tabs type="card" v-model:activeKey="summaryActiveKey" @change="summaryActiveChange">
                <a-tab-pane key="基本信息" tab="基本信息"></a-tab-pane>
                <a-tab-pane key="流转记录" tab="流转记录"></a-tab-pane>
                <a-tab-pane v-if="formState.impactAssessmentShow" key="宣贯效果评价" tab="宣贯效果评价"></a-tab-pane>
            </a-tabs>
            <div  class="tab-box-v1" style="height: calc(100vh - 170px);overflow:auto">
                <div v-if="summaryActiveKey == '基本信息'">
                    <a-form
                        ref="form"
                        layout="inline"
                        :form="form"
                        :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }"
                        class="qualityFlow-dealwith-form"
                        >
                        <a-form-item :colon="false">
                            <template v-slot:label>
                                <span>申&ensp;请&ensp;人</span>
                            </template>
                            <a-input :disabled="true"
                            v-model="formState.fsqr"
                            :style="inputStyle"
                            />
                        </a-form-item>
                        <a-form-item label="申请科室" :colon="false">
                            <a-input :disabled="true"
                            v-model="formState.fsqks"
                            :style="inputStyle"
                            />
                        </a-form-item>
                        <a-form-item label="申请时间" :colon="false">
                            <a-date-picker :disabled="true"
                            v-model="formState.fsqrq"
                            :style="inputStyle"
                            />
                        </a-form-item>
                        <!-- <a-form-item v-if="formState.fxglx == '修订'" label="修改次数" :colon="false">
                            <a-input
                            :disabled="!formState.isDisabled"
                            :style="inputStyle"
                            placeholder="修改次数"
                            v-model="formState.fxgcs"/>
                        </a-form-item> -->
                        <a-form-item :colon="false">
                            <template v-slot:label>
                                <span>类&emsp;&emsp;型</span>
                            </template>
                            <div :style="inputStyle" style="height: 32px;display: flex;align-items: center;">
                                <a-radio-group
                                :disabled="!formState.isDisabled"
                                :style="inputStyle" v-model="formState.fxglx" :options="[formState.fxglx]"/>
                            </div>
                            <!-- <span>{{ formState.fxglx }}</span> -->
                        </a-form-item>
                        <a-form-item :colon="false">
                            <template v-slot:label>
                                <span>状&emsp;&emsp;态</span>
                            </template>
                            <div style="height: 32px;display: flex;align-items: center;">
                                <a-radio-group :disabled="!formState.isDisabled"  v-model="formState.fzt" :options="(formState.fxglx == '修订' || formState.fxglx == '新增')?fztOption:fztOptions" :style="inputStyle"/>
                            </div>
                        </a-form-item>

                        <a-form-item label="文件名称" class="flex-2-input-box" :colon="false">
                                <a-input
                                :style="inputStyle"
                                :disabled="!formState.isDisabled || formState.fxglx == '作废'"
                                v-model:value="formState.fwjmc"
                                placeholder="请输入文件名称"
                                v-decorator="[
                                'fwjmc', { initialValue:formState.fwjmc, rules: rules.fwjmc}
                                ]"/>
                        </a-form-item>
                        <a-form-item :colon="false">
                            <template v-slot:label>
                                <span>分&emsp;&emsp;类</span>
                            </template>
                            <a-tree-select
                                :disabled="!formState.isDisabled || formState.fxglx == '作废'"
                                v-if="treeTypeList && treeTypeList.length > 0"
                                :expandedKeys="expandedKeys"
                                :tree-data="treeTypeList"
                                :replaceFields='replaceFields'
                                @expand="handleExpand"
                                @select="onSelect"
                                @change="treeSelectChange"
                                style="width: 200px"
                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                                v-decorator="[
                                    'ftype', { initialValue:formState.ftype, rules: rules.ftype}
                                    ]"
                                >
                            </a-tree-select>
                        </a-form-item>
                        <!-- <a-form-item label="文件编号" :colon="false">
                            <a-input
                            :disabled="!formState.isDisabled"
                            :style="inputStyle"
                            placeholder="请输入文件编号"
                            v-model="formState.fwjbh"/>
                        </a-form-item>
                        <a-form-item label="受控版本" :colon="false">
                            <a-input
                            :disabled="!formState.isDisabled"
                            :style="inputStyle"
                            placeholder="请输入受控版本"
                            v-model="formState.fskbb"/>
                        </a-form-item>

                        <a-form-item label="实施日期" :colon="false">
                            <a-date-picker
                            :disabled="!formState.isDisabled"
                            :style="inputStyle"
                            placeholder="请输入实施日期"
                            v-model="formState.fssrq"
                            :default-value="formState.fssrq"
                            />
                        </a-form-item> -->
                        <a-form-item label="上传日期" :colon="false">
                            <a-date-picker
                            :disabled="!formState.isDisabled || formState.fxglx == '作废'"
                            :style="inputStyle"
                            placeholder="请输入上传日期"
                            :default-value="formState.fscrq"
                            v-model="formState.fscrq"
                            />
                        </a-form-item>
                        <!-- <a-form-item label="文件类型">
                            <a-input
                            :style="inputStyle"
                            :disabled="true"
                            placeholder="文件类型"
                            v-model="formState.fwjlx"/>
                        </a-form-item> -->
                        <!-- <a-form-item label="文件路径">
                            <a-input
                            :style="inputStyle"
                            :disabled="true"
                            placeholder="文件路径"
                            v-model="formState.fwjlj"/>
                        </a-form-item> -->
                        <a-form-item :colon="false">
                            <template v-slot:label>
                                <span>序&emsp;&emsp;号</span>
                            </template>
                            <a-input-number
                            :disabled="!formState.isDisabled || formState.fxglx == '作废'"
                            :style="inputStyle"
                            placeholder="序号"
                            v-model="formState.forder"/>
                        </a-form-item>
                        <a-form-item :label="formState.fxglx+'理由'" class="flex-1-input-box" :colon="false">
                            <a-textarea
                                v-model="formState.fxdly"
                                :disabled="!formState.isDisabled"
                                :autosize="{ minRows: 2, maxRows: 10000 }"
                                v-decorator="[
                                    'fxdly', { initialValue:formState.fxdly, rules: rules.fxdly}
                                ]"
                             />
                        </a-form-item>
                        <a-form-item v-if="formState.fhjmc !== '申请' && !formState.viewbutton && !formState.impactAssessmentShow" label="办理意见" class="zm-form-model" :colon="false">
                            <div style="width: 100%">
                                <reviewOpinions
                                    ref="reviewOpinionsRefFg"
                                    @getInputOpinion="getInputOpinion"
                                    @openOpinions="opinions('质量体系文件',formState.opinion,'opinion')"
                                    v-decorator="[
                                        'opinion', { initialValue:formState.opinion, rules: rules.opinion}
                                    ]"/>
                            </div>
                        </a-form-item>
                        <a-form-item class="flex-3-input-box" :colon="false">
                            <template v-slot:label>
                                <span>分发范围</span>
                            </template>
                            <a-textarea :key="fxgxxryKey" @click="checkMan('fxgxxry',formState.fxgxxry)" v-model="formState.fxgxxry" :disabled="!formState.isDisabled" :autosize="{ minRows: 1, maxRows: 10000 }" />
                        </a-form-item>
                        <a-form-item class="flex-2-input-box" :colon="false">
                            <template v-slot:label>
                                <span>备&emsp;&emsp;注</span>
                            </template>
                            <a-textarea v-model="formState.fqcsm" :disabled="!formState.isDisabled" :autosize="{ minRows: 1, maxRows: 10000 }" />
                        </a-form-item>
                        <a-form-item v-if="!formState.viewbutton" label="下一审核环节" :colon="false">
                            <a-input :disabled="true"
                            v-model="formState.nextNode"
                            :style="inputStyle"
                            />
                        </a-form-item>
                        <a-form-item v-if="!formState.viewbutton" :colon="false">
                            <template v-slot:label>
                                <span>审&ensp;核&ensp;人</span>
                            </template>
                            <a-input :disabled="true"
                            v-model="formState.nextNodeDbr"
                            :style="inputStyle"
                            />
                        </a-form-item>
                        <a-form-item class="flex-1-input-box" :colon="false">
                            <template v-slot:label>
                                <span>文&emsp;&emsp;件</span>
                            </template>
                            <!-- <div class="file-box-v">
                                <a-icon class="file-icon-v" type="file-pdf" />
                                <span style="line-height: 16px;" v-if="fwjmc">{{ fwjmc.length>20?fwjmc.substring(0,19)+'...':fwjmc }}{{ formState.fwjlx }}</span>
                            </div> -->
                            <div  style="margin-bottom: 10px;">
                                <span v-if="formState.fwjmc && formState.fwjlx" style="margin: 0px 15px 0px 5px;color: #5ca3e5;" @click="downloadFileOp">{{ (formState.fwjmc?formState.fwjmc:'') + (formState.fwjlx?formState.fwjlx:'') }}</span>
                                <a-upload style="display: inline-block;" :beforeUpload="beforeUpload" action="" @change="uploadFile1" v-if="(viewFlag || formState.isDisabled) && (formState.fwjmc && formState.ftype && formState.fxdly)  && formState.fxglx !== '作废'">
                                    <a-button
                                        v-if="formState.fhjmc == '申请'"
                                        style="background-color: #faad14 !important;border: none !important;"
                                        class="blue-btn" type="default" icon="upload" >上传
                                    </a-button>
                                </a-upload>
                                <a-button
                                    style="background-color: #faad14 !important;border: none !important;"
                                    class="blue-btn" type="default" icon="upload"
                                    @click="uploadFile"
                                    v-if="(viewFlag || formState.isDisabled) && (!formState.fwjmc || !formState.ftype || !formState.fxdly) && formState.fhjmc == '申请' && formState.fxglx !== '作废'">上传
                                </a-button>
                                <a-button
                                    v-if="formState.fwjlx"
                                    style="margin-left: 10px;background-color: #1ab394 !important;border: none !important;"
                                    class="blue-btn" type="primary" icon="download"
                                    :loading="downloadFileLoading"
                                    @click="downloadFileOp">下载
                                </a-button>
                                <a-button
                                    style="margin-left: 10px;"
                                    v-if="formState.fhjmc == '申请' && formState.fwjlx && formState.fxglx !== '作废'"
                                    class="blue-btn" type="primary" icon="save"
                                    :loading="saveFileLoading" @click="saveFileOp">文档保存
                                </a-button>
                                <a-button
                                    v-if="formState.fwjlx"
                                    style="margin-left: 10px;background-color: rgb(102, 194, 79) !important;border: none !important;"
                                    class="blue-btn" type="primary" icon="reload"
                                    :loading="refreshFileLoading"
                                    @click="getOpenFile(formState.id?formState.id:formState.zltxwjid,true)">文档刷新
                                </a-button>
                                <!-- <a-button v-if="formState.fwjlx && formState.viewbutton && editMode == '客户端模式'" style="margin-left: 10px;" class="blue-btn" type="primary" @click="producerEdit" >在线编辑</a-button>
                                <a-button v-if="formState.fwjlx && formState.viewbutton && editMode == '服务端模式'" style="margin-left: 10px;" class="blue-btn" type="primary" @click="serverEdit" >在线编辑</a-button> -->
                                <span style="color: red;padding-left: 10px;" v-if="formState.fhjmc == '申请' && formState.fwjlx">
                                    当前文档为缓存显示，编辑文档后请记得点击左侧文档保存按钮！
                                </span>
                            </div>
                            <div v-if="formState.fwjlx">
                                <div style="position: relative;">
                                    <div style="position: absolute;left: 50%;top: 10px;z-index: -1;">
                                        <a-spin tip="正在加载中..."></a-spin>
                                    </div>
                                    <iframe
                                        :key="iframeDataKey"
                                        v-if="iframeSrc"
                                        :src="iframeSrc"
                                        ref="iframeServerEditingRef"
                                        scrolling="auto"
                                        width="100%"
                                        :height="(windowInnerHeight - 250 )+'px'"
                                        style="border: 0;"
                                    ></iframe>
                                    <span v-else>当前文件发生错误！</span>
                                </div>
                            </div>
                        </a-form-item>
                    </a-form>
                </div>
                <div v-if="summaryActiveKey == '流转记录'">
                    <commpVxeTable
                        :key="internalKey"
                        ref="headmanVxeTable"
                        :config="internalOpinionsConfig"
                        :columns="internalOpinionsColumnsVxe"
                        :formItem="[]"
                        :adaptiveHeight="true"
                    >
                        <template v-slot:operation_fhjmc="{row}" data-desc="环节名称">
                            <div v-if="formState.fxglx == '新增'">
                                <span v-if="row.fhjmc == '修订确认'">新增确认</span>
                                <span v-else-if="row.fhjmc == '修订审核'">新增审核</span>
                                <span v-else>{{ row.fhjmc }}</span>
                            </div>
                            <div v-else-if="formState.fxglx == '作废'">
                                <span v-if="row.fhjmc == '修订确认'">作废确认</span>
                                <span v-else-if="row.fhjmc == '修订审核'">作废审核</span>
                                <span v-else>{{ row.fhjmc }}</span>
                            </div>
                            <span v-else>{{ row.fhjmc }}</span>
                        </template>
                    </commpVxeTable>
                </div>
                <div v-if="summaryActiveKey == '宣贯效果评价'">
                    <div style="margin-top: 20px;">
                        <table class="impactAssessment-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                            <tr style="background: #dee5ed !important;">
                                <th>学习人员</th>
                                <th>学习状态</th>
                                <th>学习意见</th>
                                <th>时间</th>
                            </tr>
                            <tr v-if="impactAssessmentList.length" v-for="(item,index) in impactAssessmentList" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                <td>{{ item.fdbr }}</td>
                                <td>{{ item.fblzt }}</td>
                                <td>{{ item.fblyj }}</td>
                                <td>{{ item.fblsj }}</td>
                            </tr>
                            <tr v-if="impactAssessmentList.length == 0">
                                <td colspan="7">暂无数据</td>
                            </tr>
                        </table>
                        <a-form :form="form" ref="form" class="impactAssessment-model-form-box">
                            <a-descriptions bordered style="width: 100%;">
                                <a-descriptions-item :span="3">
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" v-if="modalTitle == '宣贯效果评价'">*</span>
                                        宣贯效果评价
                                    </span>
                                    <a-form-item ref="fxgxgpj" prop="fxgxgpj">
                                        <div style="width: 100%;">
                                            <a-textarea
                                                v-if="modalTitle == '宣贯效果评价'"
                                                style="width: 100%"
                                                v-model="formState.fxgxgpj"
                                                :autosize="{ minRows: 2, maxRows: 10000 }"
                                                @change="fxgxgpjChange(formState.fxgxgpj)"
                                                v-decorator="[
                                                    'fxgxgpj', { initialValue:formState.fxgxgpj, rules: rules.fxgxgpj}
                                                ]"/>
                                            <span v-else>{{ formState.fxgxgpj }}</span>
                                        </div>
                                    </a-form-item>
                                </a-descriptions-item>
                                <a-descriptions-item :span="3">
                                    <span slot="label" class="descriptions-label-slot">
                                        {{ modalTitle == '宣贯效果评价'?'上传附件':'附  件'}}
                                    </span>
                                    <a-upload :showUploadList="false" :beforeUpload="beforeUpload" action="" @change="uploadFile3">
                                        <a-button
                                            v-if="modalTitle == '宣贯效果评价'" class="blue-btn" type="default" icon="upload" >上传
                                        </a-button>
                                    </a-upload>
                                    <a-list item-layout="horizontal" :data-source="filesList">
                                        <a-list-item slot="renderItem" slot-scope="item, index">
                                            <a-list-item-meta>
                                                <a @click="openFiles(item)" slot="title" href="#">{{ item.fwjxsmc + item.fwjlx }}</a>
                                            </a-list-item-meta>
                                            <a-button style="margin-right: 10px;" class="blue-btn" type="primary" @click="openFiles(item)" icon="eye" >预览</a-button>
                                            <a-button style="margin-right: 10px;" class="blue-btn" type="primary" @click="downloadFiles(item)" icon="download" >下载文件</a-button>
                                            <a-button
                                                v-if="modalTitle == '宣贯效果评价'"
                                                class="red-btn"
                                                type="primary"
                                                style="margin-right: 10px;"
                                                @click="deleteFiles(item.id)" icon="delete" >
                                                删除文件
                                            </a-button>
                                        </a-list-item>
                                    </a-list>
                                </a-descriptions-item>
                                <a-descriptions-item :span="3" v-if="modalTitle !== '宣贯效果评价'">
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" v-if="formState.fhjmc == '实施发布' && formState.fblzt !=='已办'">*</span>
                                        实施日期
                                    </span>
                                    <a-form-item ref="fssrq" prop="fssrq">
                                        <div style="width: 100%;">
                                            <a-form-item class="flex-1-input-box">
                                                <a-date-picker
                                                v-if="formState.fhjmc == '实施发布' && formState.fblzt !=='已办'"
                                                style="width:200px"
                                                placeholder="请输入实施日期"
                                                :v-model:value="formState.fssrq?moment(formState.fssrq):moment(new Date())"
                                                v-decorator="[
                                                    'fssrq', { initialValue:formState.fssrq?moment(formState.fssrq):moment(new Date()), rules: rules.fssrq}
                                                ]"
                                                />
                                                <span v-else>{{ formState.fssrq }}</span>
                                            </a-form-item>
                                        </div>
                                    </a-form-item>
                                </a-descriptions-item>
                            </a-descriptions>
                        </a-form>
                    </div>
                </div>
            </div>
        </div>
        <!-- <a-collapse v-model:activeKey="submitActiveKey" :bordered="false">
            <a-collapse-panel key="1" header="基本信息" :style="customStyle">

            </a-collapse-panel>
            <a-collapse-panel key="2" header="流转记录" :style="customStyle">

            </a-collapse-panel>
        </a-collapse> -->
        <!-- <a-form
            v-if="viewFlag"
            ref="form"
            layout="inline"
            :form="form"
            >
            <a-form-item label="被退回意见" v-if="formState.fblzt == '退回'&& !formState.isOption">
                {{ formState.fthyj }}
            </a-form-item>
            <div style="margin:10px 0;"></div>
            <a-form-item label="办理意见" class="comments-or-reasons-box" v-if="viewFlag && !formState.isOption">
                <a-textarea @keyup="ideakeyupEvent"
                ref="opinionsRef"
                :key="opinionsKey"
                    @focus="ideaFocusEvent" @blur="ideaBlur" @click="ideaClick" placeholder="请输入办理意见" :rows="4"
                    v-model="formState.opinion"
                    />
            </a-form-item>

            <a-form-item label="退回意见" class="comments-or-reasons-box">
                <a-textarea placeholder="请输入退回意见" :rows="4"
                    v-model="returnOpinion"
                    />
            </a-form-item>

            <a-form-item label="下个环节">
                <span style="">{{formState.nextNode}}</span>
            </a-form-item>

            <a-form-item label="短信通知">
                <a-checkbox style="margin-left: 10px;" v-model:checked="formState.smgflag"></a-checkbox>
            </a-form-item>
        </a-form> -->

        <a-modal
        title="办理意见"
        v-model:visible="ideaVisible"
        @ok="ideaHandleOk"
        class="idea-modal-box"
        @cancel="ideaVisible = false"
        >
            <!-- <a-spin size="large" :spinning="spinning"> -->
                <a-form layout="inline">
                    <a-form-item label="办理意见" class="pull-input-w">
                        <div style="display: flex;align-items: center;">
                            <vxe-textarea rows="3" @focus="recordCommentsFocus" @blur="recordCommentsBlur" @change="recordCommentsChange"  v-model="opinionsText" placeholder="请输入或选择办理意见" suffix-icon="vxe-icon-search"></vxe-textarea>
                            <a-button style="margin-left: 15px;" class="blue-btn"  type="primary" @click.stop="saveComments" icon="save" >保存</a-button>
                        </div>
                        <div class="opinion-record-box" v-show="isRecordComments">
                            <div v-if="opinionsList.length" class="content-box">
                                <div v-for="(item,index) in opinionsList" class="content-for">
                                    <div @click.stop="selectIdea(item)"  class="content-item">
                                        <span class="content-text">{{ item.fcontent }}</span>
                                        <a-button class="red-btn" size="small" type="primary" @click.stop="deleteIdea(item)" icon="delete" >删除</a-button>
                                    </div>
                                </div>
                            </div>
                            <div class="no-data-box" v-else>暂无记录！</div>
                        </div>
                    </a-form-item>
                </a-form>
            <!-- </a-spin> -->
        </a-modal>
        <a-modal
            title="退回意见"
            v-model:visible="returnVisible"
            @ok="returnHandleOk"
            width="700px"
            height="300px"
            @cancel="returnVisible = false"
            >
            <div style="width: 100%">
                <reviewOpinions
                    ref="reviewOpinionsRefFg"
                    @getInputOpinion="getInputOpinion"
                    @openOpinions="opinions('质量体系文件',formState.opinion,'opinion')"
                    v-decorator="[
                        'opinion', { initialValue:formState.opinion, rules: rules.opinion}
                    ]"/>
            </div>
        </a-modal>
        <serverEditing ref="serverEditingRef" @refreshChange="manualSuccess"/>
        <personnelList ref="personnelList" :modaObj="modaObj" @checkPersonnel="checkPersonnel"/>
    </div>

</template>
<script>

import commpPulldownTable from '@/components/commp-pulldown-table/commp-pulldown-table.vue'
import assessCheckApi from './service/api'
import {typeInput, typeNumber, typeSelect, typeCheckbox, typeRadio, } from '@/components/compSearchCriteria/ContractType'
import compSelector from '@/components/compSelector/compSelector'
import serverEditing from '@/components/comp-model-series/server-editing.vue'
import personnelList from '@/views/administrativeOffice-new/modal/personnelList.vue'
import {
    handlingOpinionsListServe,
    deleteBatchIdeaServe,
    addBatchIdeaServe,
    saveZltxwjFlow,
    submitZltxwjFlow,
    uploadZltxwjFile,
    getZltxwjFile,
    queryTreeList,
    returnZltxwjFlow,
    openFile,
    onlineSeeOpenFile,
    getWebOfficeDownloadFile,
    queryXgxxRyxmList,

    queryXgxxryList,
    uploadXgxxFile,
    queryXgxxFile,
    deleteXgxxFile,
    downloadXgxxFile,
    openCommonZdwj,
} from './service/index'
import validator from '@/common/validator'
import commpVxeTable from '@/components/commp-vxe-table/commp-vxe-table.vue'
import blobType from '@/common/blobType'
import moment, { now } from 'moment'
import YchConstant from "@/api/YchConstant";


export default {
    name:'dealWith',
    components:{
        commpPulldownTable,
        compSelector,
        commpVxeTable,
        serverEditing,
        personnelList,
    },
    props:{
        parameter:{
            type:Object,
            default:() => {}
        },
        viewFlag: true
    },
    watch:{
        parameter: {
            handler(newval, oldVal){
                this.handlerData(newval)
            },
            immediate: true,
            deep:true

        },
    },
    data(){
        return{
            internalKey:null,
            inputStyle: "width: 200px;",
            customStyle: "background: white;border-radius: 0px;border: 0;overflow: hidden;margin-bottom: 0px !important;",
            downloadFileLoading: false,
            saveFileLoading: false,
            refreshFileLoading: false,
            spinning:true,
            blobType:blobType,
            routeName:this.$route.name,
            moment:moment,
            form: this.$form.createForm(this, { name: 'zltxwjFlowWith' }),
            typeSelect:typeSelect,
            typeRadio:typeRadio,
            formState:{

            },
            isSelectEnterprise:true,
            //
            HandledByOptions:[],//办理人
            itemValue:"",
            enterValue:"",
            productValue:"",
            rules:{
                fwjmc: [{
                    required: true,
                    message: '请输入文件名称',
                    trigger: 'blur',
                }],
                ftype: [{
                     required: true,
                     message: '请输入分类',
                     trigger: 'blur',
                }],
                opinion: [{
                     required: true,
                     message: '请输入办理意见',
                     trigger: 'blur',
                }],
                fxdly: [{
                     required: true,
                     message: '请输入理由',
                     trigger: 'blur',
                }],
                fxgxgpj: [{
                    required: true,
                    message: '请输入宣贯效果评价',
                    trigger: 'blur',
                }],
                fssrq: [{
                    type:'object',
                    required: true,
                    message: '请输入实施日期',
                    trigger: 'blur',
                }],

            },
            confirmLoading:false,
            submitActiveKey:['1'],
            summaryActiveKey:'基本信息',
            internalOpinionsKey:null,
            internalOpinionsConfig:{
                api:assessCheckApi.queryJobHistoryList,
                rowId: 'id',
                height:400,
                autoHidden:true,
                pageSize:10000,
                paramet:{
                    zltxwjid:this.parameter.zltxwjid
                }
            },
            internalOpinionsColumnsVxe:[{
                title: '环节名称', //列头显示文字
                field: 'fhjmc',
                slots: {
                    default: 'operation_fhjmc',
                },
            },{
                title: '待办人', //列头显示文字
                field: 'fdbr',
            },{
                title: '办理人', //列头显示文字
                field: 'fblr',
            },{
                title: '发送时间', //列头显示文字
                field: 'ffssj',
            },{
                title: '办理时间', //列头显示文字
                field: 'fblsj',
            },{
                title: '使用工日',
                field: 'fsyts',
            },{
                title: '办理状态', //列头显示文字
                field: 'fblzt',
            },{
                title: '办理意见', //列头显示文字
                field: 'fblyj',
            }],
            requerstParame:{zltxwjid:''},
            visishow:true,
            opinionsText:'',
            opinionsList:[],
            ideaVisible:false,
            fsxmcrequired:false,
            fqyidrequired:false,
            isArea:false,
            compSelectorkey:null,
            nextNode:'',
            isRecordComments:false,
            dbridRequired:false,
            isReadOnly:false,
            opinionsKey:null,
            treeTypeList: undefined,
            replaceFields: {
               children: 'children', //后端数组层级的名字
               key: 'key', //一般是id
               title: 'value',
               value: 'value' //onSelect(selectedKeys)的selectedKeys的参数值，便于获取然后返回给后端
            },
            expandedKeys: undefined,
            fxglxOptions: ['修订','修改','作废','新增'],
            fztOptions: ['无效'],
            fztOption: ['现行有效'],
            returnOpinionFlag: false,
            returnOpinion: '', // 退回意见

            iframeDataKey:null,
            iframeSrc:'',
            windowInnerHeight:window.innerHeight,
            modaObj: {},
            fxgxxryKey: '',
            impactAssessmentList: [],
            filesList: [],
            modalTitle: '',
            returnVisible: false,
        }
    },
    computed: {
        editMode(){
            return this.$store.state.permission.editMode
        },
    },
    created(){
        this.getHandlingOpinionsList('')
        // this.onLoadTreeTypeList(); // 获取树形
    },
    updated(){
        // this.$emit('updatedSuccess')
    },
    methods:{
        getData(row){
            this.handlerData(row)
        },
        handlerData(newval){
            //console.log('parameter获取到的什么',newval)
                this.dbridRequired = newval.dbridRequired?true:false
                this.isReadOnly = !newval.isReadOnly
                newval.smgflag = newval.smgflag=='是'?true:false
                this.formState = JSON.parse(JSON.stringify(newval))
                this.requerstParame.zltxwjid = newval.zltxwjid
                this.fwjmc = newval.fwjmc
                this.$forceUpdate()
                this.internalOpinionsConfig.paramet={zltxwjid:newval.zltxwjid}
                this.compSelectorkey = Date.now()
                this.internalKey = Date.now()
                this.onLoadTreeTypeList(); // 获取树形
                //console.log('当前环节：',this.formState.fhjmc)
                    //console.log('this.formState',this.formState)
                if(this.formState.impactAssessmentShow){
                    if(this.formState.fblzt !=='已办'){
                        this.summaryActiveKey = '宣贯效果评价'
                        this.modalTitle = this.formState.fhjmc
                    }
                }
                this.getqueryXgxxryList()
                this.getfilesList()
                this.getqueryXgxxRyxmList(this.formState.zltxwjid)
                if(this.formState.fwjlx && this.formState.fwjlx.indexOf('.pdf') !== -1){
                    this.getGetFileCross(this.formState.zltxwjid)
                    return
                }
                if(this.formState.fhjmc == '申请' && (this.formState.fwjlx.indexOf('.docx') !== -1 || this.formState.fwjlx.indexOf('.doc') !== -1) && this.formState.fxglx !== '作废'){
                    //console.log('1111111111')
                    this.getOpenFile(this.formState.id?this.formState.id:this.formState.zltxwjid)
                } else  {
                    //console.log('2222222222')
                    this.getOnlineSeeOpenFile(this.formState.id?this.formState.id:this.formState.zltxwjid)
                }
        },
        // 在线编辑
        getOpenFile(ids,isMess){
            if(isMess){
                this.refreshFileLoading = true
            }
            openFile({id:ids}).then(res => {
                if(res.success){
                    this.iframeDataKey = Date.now()
                    this.iframeSrc = res.result.wordUrl
                    if(isMess){
                        this.$message.success('刷新成功！')
                    }
                } else {
                    this.iframeSrc = null
                }
                this.refreshFileLoading = false
            })
        },
        // 只读文件
        getOnlineSeeOpenFile(ids){
            onlineSeeOpenFile({id:ids}).then(res => {
                if(res.success){
                    this.iframeDataKey = Date.now()
                    this.iframeSrc = res.result.wordUrl
                } else {
                    this.iframeSrc = null
                }
            })
        },
        // pdf
        getGetFileCross(val){
            this.iframeDataKey = Date.now()
            this.iframeSrc = bootConfig[process.env.NODE_ENV].locality_ApI + YchConstant.SPZX_SPCY + '/flow-zltxwj/getFileCross?zltxwjid=' + val +'&aa='+Date.now()
        },
        manualSuccess(){},
        //服务端编辑
        serverEdit(val){
            this.$refs.serverEditingRef.getData({id:this.formState.zltxwjid,isTemplate:false,type:'质量体系文件'})
        },
        //在线编辑
        producerEdit(){
            var that = this
            if(this.formState.fwjlx == '.pdf'){
                this.$message.warning('pdf文件无法编辑')
            }else{
                that.$webOffice(`api/spzx-spcy/zltxwjClientOfficeApi/openWjjl?id=${this.formState.zltxwjid}`,
                `api/spzx-spcy/zltxwjClientOfficeApi/onLineSaveWjjl?id=${this.formState.zltxwjid}`+`-name=${this.formState.fwjmc+this.formState.fwjlx}`,
                )

            }

        },
        // 树形分类
        onLoadTreeTypeList(){
            queryTreeList().then(res => {
                if (res.code == 200){
                    this.treeTypeList = res.result;
                }
            })
        },

        //展开下拉树，
        handleExpand(expandedKeys) {
            this.expandedKeys = expandedKeys
        },

        //选中数据
        onSelect(selectedKeys) {
            this.formState.ftype = selectedKeys
        },
        treeSelectChange(value, label, extra) {
            // //console.log(
            //     ' extra.triggerNode.$vnode.data.props.value',
            //     extra.triggerNode.$vnode.data.props,
            //     extra.triggerNode.$vnode.data.props.dataRef.key
            // )
            let ids = extra.triggerNode.$vnode.data.props.dataRef.key
            this.formState.ftypeid = ids
        },
        getHandlingOpinionsList(val){//查询办理意见
            handlingOpinionsListServe({ftype1:'质量体系文件办理意见',pageNo:1,pageSize:1000,fcontent:val}).then(res=>{
                if(res.code == 200){
                    this.opinionsList = res.result.records
                }
            })
        },
        recordCommentsChange(){
            this.getHandlingOpinionsList(this.opinionsText)
        },
        selectIdea(val){//选择办理意见
            this.opinionsText = val.fcontent
            this.isRecordComments = false
            this.recordCommentsBlur()
        },
        recordCommentsFocus(){
            this.isRecordComments = true
        },
        recordCommentsBlur(){},
        deleteIdea(val){//删除办理意见
            deleteBatchIdeaServe({ids:val.id}).then(res=>{
                if(res.code == 200){
                    this.getHandlingOpinionsList(this.opinionsText)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        ideaHandleOk(){
            this.ideaVisible = false

            this.formState.opinion = this.opinionsText

            this.opinionsKey = Date.now()
            // this.form.setFieldsValue({
            //     opinion:that.opinionsText,
            // });

        },
        saveComments(){
            this.ideaHandleOk()
            if(this.opinionsText){
                addBatchIdeaServe({ftype1:'质量体系文件办理意见',fcontent:this.opinionsText}).then(res=>{
                    if(res.code == 200){
                        // this.$message.success(res.message)
                    }else{
                        // this.$message.warning(res.message)
                    }
                    this.getHandlingOpinionsList()
                })
            }
        },
        beforeUpload(e){
            return false
        },

        enterChangeEvent(val){

        },
        popupScroll(){

        },
        ideakeyupEvent(){

        },
        ideaClick(){
            this.ideaVisible = true
            this.spinning = true
            this.formState.opinion = this.opinionsText
        },
        ideaBlur(){

        },
        ideaFocusEvent(){
            this.ideaBlur()
        },
        fxgxgpjChange(val){
            this.formState.opinion = val
        },
        // 退回
        returnFlow(){
            if(this.formState.impactAssessmentShow){
                this.returnVisible = true
                return
            }
            // this.returnOpinionFlag = true
            this.form.validateFields((err, values) => {
                if (!err) {
                    var that = this
                    that.$confirm({
                        title: '您确定要退回吗?',
                        onOk() {
                            let params = {
                                jobid: that.formState.jobid,
                                opinion: that.formState.opinion
                            }
                            returnZltxwjFlow(params).then(res => {
                                if (res.code == 200){
                                    that.$message.success(res.message)
                                    that.confirmLoading = false
                                    that.visishow = false
                                    that.$emit('successReturn',false)
                                }else {
                                    that.$message.warning(res.message)
                                }
                            })
                        },
                        onCancel() {},
                    });
                }
            })
        },
        returnHandleOk(){
            //console.log(this.formState.opinion)
            if(this.formState.opinion.length){
                let params = {
                    jobid: this.formState.jobid,
                    opinion: this.formState.opinion
                }
                returnZltxwjFlow(params).then(res => {
                    if (res.code == 200){
                        this.$message.success(res.message)
                        this.confirmLoading = false
                        this.visishow = false
                        this.returnVisible = false
                        this.$emit('successReturn',false)
                    }else {
                        this.$message.warning(res.message)
                    }
                })
            } else {
                this.$message.warning('请填写退回意见')
            }
        },

        // 保存
        handlePreserve(val){//保存
            let str = ''
            if(this.formState.fhjmc == '申请'){
                str = this.formState.fxdly
            } else if(this.formState.fhjmc == '宣贯效果评价'){
                str = this.formState.fxgxgpj
            } else {
                str = this.formState.opinion
            }

            let data = {
                jobid: this.formState.jobid,
                ywid: this.formState.zltxwjid,
                opinion: str,
                smgflag: this.formState.smgflag?'是':'否',
                map:{
                    fssrq: this.formState.fssrq ? moment(this.formState.fssrq).format('YYYY-MM-DD') : '',
                    fscrq: this.formState.fscrq ? moment(this.formState.fscrq).format('YYYY-MM-DD') : '',
                    fwjmc: this.formState.fwjmc,
                    ftype: this.formState.ftype,
                    ftypeid: this.formState.ftypeid,
                    forder: this.formState.forder,
                    fskbb: this.formState.fskbb,
                    fwjbh: this.formState.fwjbh,
                    fsqr: this.formState.fsqr,
                    fsqks: this.formState.fsqks,
                    fxglx: this.formState.fxglx,
                    fxdly: this.formState.fxdly,
                    fqcsm: this.formState.fqcsm,
                    fxgcs: this.formState.fxgcs,
                    fxgxxryid: this.formState.fxgxxryid,
                    fxgxgpj: this.formState.fxgxgpj,
                }
            }

            saveZltxwjFlow(data).then(res=>{
                if(res.code == 200){
                        this.confirmLoading = false
                        this.visishow = false
                        this.$emit('successReturn',true)
                        this.getqueryXgxxRyxmList(this.formState.zltxwjid)
                        if(val){
                            this.uploadFileMb(val)
                        } else{
                            this.$message.success(res.message)
                        }
                }else{
                    this.$message.warning(res.message)
                    this.confirmLoading = false
                }
            })
        },

        // 提交
        shandleSubmit(){//提交
            // if (this.formState.fhjmc !== '申请' && this.opinionsText === '' && !this.formState.isOption){
            //     this.$message.warning("办理意见不能为空。");
            //     return;
            // }
            //console.log(this.formState)
            this.form.validateFields((err, values) => {
                if (!err) {
                    var that = this
                    that.$confirm({
                        title: '您确定要提交吗?',
                        onOk() {
                            that.$emit('loadingHandle',true)
                            let str = ''
                            if(that.formState.fhjmc == '申请'){
                                str = that.formState.fxdly
                            } else if(that.formState.fhjmc == '宣贯效果评价'){
                                str = that.formState.fxgxgpj
                            } else {
                                str = that.formState.opinion
                            }
                            let data = {
                                jobid: that.formState.jobid,
                                ywid: that.formState.zltxwjid,
                                // dbrid:values.dbrid.join(','),
                                // opinion: that.formState.fhjmc == '申请'?that.formState.fxdly:that.formState.opinion,
                                opinion: str,
                                smgflag: that.formState.smgflag?'是':'否',
                                map: {
                                    fssrq: that.formState.fssrq ? moment(that.formState.fssrq).format('YYYY-MM-DD') : '',
                                    fscrq: that.formState.fscrq ? moment(that.formState.fscrq).format('YYYY-MM-DD') : '',
                                    fwjmc: that.formState.fwjmc,
                                    ftype: that.formState.ftype,
                                    ftypeid: that.formState.ftypeid,
                                    forder: that.formState.forder,
                                    fskbb: that.formState.fskbb,
                                    fwjbh: that.formState.fwjbh,
                                    fsqr: that.formState.fsqr,
                                    fsqks: that.formState.fsqks,
                                    fxglx: that.formState.fxglx,
                                    fxdly: that.formState.fxdly,
                                    fqcsm: that.formState.fqcsm,
                                    fxgcs: that.formState.fxgcs,
                                    fxgxxryid: that.formState.fxgxxryid,
                                    fxgxgpj: that.formState.fxgxgpj,
                                }
                            }
                            submitZltxwjFlow(data).then(res=>{
                                if(res.code == 200){
                                    // that.$router.push('/assessCheck/qualityFlow/indexFlowExamine')
                                    that.$message.success(res.message)
                                    that.confirmLoading = false
                                    that.visishow = false
                                    that.$emit('successReturn',false)
                                    that.$router.push('/assessCheck/qualityFlow/abeyance')
                                }else{
                                    that.$message.warning(res.message)
                                    that.confirmLoading = false
                                }
                                that.$emit('loadingHandle',false)
                            })
                        },
                        onCancel() {},
                    });
                }
            })
        },

        // 上传
        uploadFile(val){
            this.form.validateFields((err, values) => {
                // //console.log(err)
                if(!err){
                    this.handlePreserve(val)
                }
            })
        },
        uploadFile1(val){
            this.handlePreserve(val)
        },
        uploadFileMb({file}){
            if(typeof file.uid !== 'undefined') {
                const fileData = new FormData();
                fileData.append("file", file);
                fileData.append("zltxwjid", this.formState.zltxwjid);
                uploadZltxwjFile(fileData).then(res => {
                if (res.code == 200){
                    this.$emit('refreshClick',this.parameter)
                    this.$message.success('上传成功')
                }else {
                    this.$message.warning(res.message)
                }
                }).catch(error =>{
                this.$message.warning('上传失败')
                })
            }
        },


        // 下载
        downloadFileOp(){
                var that = this
                this.downloadFileLoading = true
                var fileName = this.formState.fwjmc + this.formState.fwjlx
                let param = {zltxwjid: this.formState.zltxwjid}

                getZltxwjFile(param).then((data) => {
                    this.downloadFileLoading = false
                    if (!data) {
                        that.$message.warning('文件下载失败')
                        return
                    }
                    let url = window.URL.createObjectURL(new Blob([data]), { type: blobType.type[blobType.suffix.indexOf(this.formState.fwjlx)] })
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName)
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                })
        },
        // 保存
        saveFileOp(){
            this.saveFileLoading = true
            let data = {
                id: this.formState.zltxwjid
            }
            //console.log('this.formState',this.formState)
            getWebOfficeDownloadFile(data).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                    this.getOpenFile(this.formState.id?this.formState.id:this.formState.zltxwjid)
                } else {
                    this.$message.warning(res.message)
                }
                this.saveFileLoading = false
            })
        },
        summaryActiveChange(val){
            //console.log(val)
            if(val == '基本信息'){
                if(this.formState.fhjmc == '申请' && (this.formState.fwjlx.indexOf('.docx') !== -1 || this.formState.fwjlx.indexOf('.doc') !== -1) && this.formState.fxglx !== '作废'){
                    this.getOpenFile(this.formState.id?this.formState.id:this.formState.zltxwjid)
                } else  {
                    this.getOnlineSeeOpenFile(this.formState.id?this.formState.id:this.formState.zltxwjid)
                }
            }
        },
        opinions(val1,val2,val3){
            //console.log(val1,val2,val3)
            this.$refs.reviewOpinionsRefFg.getData({opinionType:val1,oldVal:val2,valueData:{hjmc:val3}})
        },
        getInputOpinion(val,valueData){
            let data = this.formState
            data[valueData.hjmc] = val
            this.form.setFieldsValue({
                opinion: this.formState.opinion,
            });
        },
        getqueryXgxxRyxmList(val){
            queryXgxxRyxmList({zltxwjid:val}).then(res => {
                this.formState.fxgxxry = ''
                if(res.success){
                    res.result.forEach(item => {
                        this.formState.fxgxxry = this.formState.fxgxxry + item.realname + ','
                    })
                    this.fxgxxryKey = Date.now()
                }
            })
        },

        checkMan(place,man){
            this.$nextTick(_ => {
                this.modaObj = {place: place,manList: man,oldId:this.formState.fxgxxryid?this.formState.fxgxxryid.split(','):[]}
                this.$refs.personnelList.personnelListVisible = true
            })
        },
        // 选择人员
        checkPersonnel(place,id,name){
            this.$refs.personnelList.personnelListVisible = false
            //console.log('-------------------')
            //console.log('place',place)
            //console.log('id',id)
            //console.log('name',name)
            this.formState.fxgxxry = name.toString()
            this.formState.fxgxxryid = id.toString()
            this.form.setFieldsValue({
                fxgxxry: this.formState.fxgxxry,
            });
            this.fxgxxryKey = Date.now()
            //console.log(this.formState)
        },
        uploadFile3({file}){
            if(typeof file.uid !== 'undefined') {
                const fileData = new FormData();
                fileData.append("file", file);
                fileData.append("zltxwjid", this.formState.zltxwjid);
                uploadXgxxFile(fileData).then(res => {
                    if (res.code == 200){
                        this.$message.success('上传成功')
                        this.getfilesList()
                    }else {
                        this.$message.warning(res.message)
                    }
                }).catch(error =>{
                    this.$message.warning('上传失败')
                })
            }
        },
        // 预览
        openFiles(item){
            //console.log('文件预览---',item)
            if(item.fwjlx.indexOf('.pdf') !== -1){
                //console.log('PDF')
                //console.log(bootConfig[process.env.NODE_ENV].locality_ApI+YchConstant.SPZX_SPCY+'/flow-zltxwj/downloadXgxxFile?id='+item.id)
                window.open(
                    bootConfig[process.env.NODE_ENV].locality_ApI+YchConstant.SPZX_SPCY+'/flow-zltxwj/downloadXgxxFile?id='+item.id
                )
            } else {
                //console.log('其他')
                openCommonZdwj({id:item.id}).then(res => {
                    if(!res.success){
                        this.$message.warning('当前附件类型不支持预览,请下载查看')
                    } else {
                        window.open(res.result.wordUrl, '_blank')
                    }
                })
            }
        },
        // 下载附件
        downloadFiles(val){
            //console.log('下载',val)
            var that = this
            var fileName = val.fwjxsmc + val.fwjlx
            downloadXgxxFile({id:val.id}).then((data) => {
                // //console.log(data)
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                let url = window.URL.createObjectURL(new Blob([data], { type: blobType.type[blobType.suffix.indexOf(val.fwjlx)] }))
                let link = document.createElement('a')
                link.style.display = 'none'
                link.href = url
                link.setAttribute('download', fileName)
                document.body.appendChild(link)
                link.click()
                document.body.removeChild(link) //下载完成移除元素
                window.URL.revokeObjectURL(url) //释放掉blob对象
                // this.vxModal.visabled = false;
            })
        },
        // 删除附件
        deleteFiles(idd){
            var that = this
            that.$confirm({
                title: '您确定要删除吗?',
                onOk() {
                    deleteXgxxFile({id:idd}).then(res => {
                        if(res.code == 200){
                            that.$message.success('删除成功')
                            that.getfilesList()
                        } else {
                            that.$message.warning(res.message)
                        }
                    })
                },
                onCancel() {},
            });
        },
        getfilesList(){
            queryXgxxFile({zltxwjid: this.formState.id}).then(res => {
                this.filesList = []
                this.filesList = res.result
            })
        },
        getqueryXgxxryList(){
            queryXgxxryList({zltxwjid: this.formState.id}).then(res => {
                if(res.success){
                    this.impactAssessmentList = res.result
                }
            })
        }

    }
}
</script>
<style lang="less">
.qualityFlow-dealwith-box{
    .qualityFlow-dealwith-form{
        .ant-form-item-label{
            width: 100px !important;
        }
        .flex-1-input-box{
            display: flex;
            width: 100%;
            .ant-form-item-control-wrapper,.ant-form-item-control{
                flex: 1;
            }
            .ant-input{
                width: 100% !important;
            }
        }
        .flex-2-input-box {
            .ant-form-item-control-wrapper,.ant-form-item-control{
                width: 516px;
            }
            .ant-input{
                width: 100% !important;
            }
        }
        .flex-3-input-box {
            .ant-form-item-control-wrapper,.ant-form-item-control{
                width: 832px;
            }
            .ant-input{
                width: 100% !important;
            }
        }
        .zm-form-model{
            display: flex;
            .ant-form-item-control-wrapper{
                flex: 1;
                width: 100%;
            }
        }
        .file-box-v{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #d9d9d9;
            width: 104px;
            height: 104px;
            overflow: hidden;
            border-radius: 2px;
        }
        .file-icon-v{
            font-size: 42px;
            color: rgb(24, 144, 255);
        }
        .ant-input-disabled{
            color: #000 !important;
        }
    }
    .ant-collapse>.ant-collapse-item {
        border-top: 3px solid #5ca3e5!important;
        border-bottom: 1px solid #5ca3e5!important;
    }
    .ant-collapse-header {
        cursor: default!important;
        color: #5e7aef!important;
        font-weight: 500;
        font-size: 16px!important;
    }


    .material-box{
        margin-left: 180px;
        .ant-form-item-control-wrapper{
            width: 800px !important;
        }
    }
    .vxe-table-box-w{
        .ant-form-item-control-wrapper{
            width: 65px !important;
        }
    }
    .enter-btn{
        .ant-form-item-control-wrapper{
            width: 300px !important;
        }
    }
    .acceptance-no-box{
        .ant-form-item-control-wrapper{
            width: 250px !important;
        }
        .ant-form-item-children{
            display: flex !important;
        }
    }

    .vxe-box{
        .commp-vxe-table-box{
            width: 800px !important;
        }
    }


    .file-enter-box{
        .ant-upload-list{
            display: none;
        }
    }
    .red-btn{
        border: 1px solid #ed5565 !important;
        background-color: #ed5565 !important;
    }
    .comments-or-reasons-box{
        .ant-form-item-control-wrapper{
            width: 380px !important;
        }
    }
    .ant-collapse{
        background-color: #ded1de !important;
        border:1px solid #ded1de !important;
        border-bottom: 0 !important;
    }
    .tabs-card-edit-box{
        margin: 5px 15px 0 15px;
        .ant-tabs-bar{
            // border: 0 !important;
            border-color: #38f !important;
            margin: 0 !important;
        }
        .ant-tabs-tab{
            background: #edeff3 !important;
            font-size: 14px !important;
            margin-left: 1px !important;
            height: 30px !important;
            line-height: 30px !important;

        }
        .ant-tabs-tab-active{
            margin: 0 !important;
            margin-left: 0 !important;
            margin-right: 1px !important;
            background-color: #38f !important;
            color: #fff !important;
            height: 32px !important;
            border: 1px solid #38f !important;
            border-bottom: 0 !important;
            padding:0 15px !important;

        }
        .ant-tabs-nav-container{
            height: 32px !important;
        }
    }
    .tab-box-v1{
        border: 1px solid #38f;
        border-top: 0;
        padding: 20px 20px 10px 20px;
        // margin: 0 15px;
        // height: calc((100vh - 260px) / 2 );
    }
    .impactAssessment-transportation-table{
        th{
            text-align: center;
            font-size: 18px;
            padding: 5px;
        }
        td{
            text-align: center;
            padding: 3px 5px;
            height: 40px;
            font-size: 16px;
        }
        .special-table-lable-td{
            background-color: #e6f7ff;
        }
    }
    .impactAssessment-model-form-box {
        margin-top: 20px;
        .ant-descriptions-bordered .ant-descriptions-item-label{
            font-weight: 600;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.85);
            background-color:#e6f7ff;
            width: 88px !important;
            text-align: right;
            font-family:simHei !important;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            padding: 5px 10px !important;
            .ant-form-item {
              margin-bottom: 0 !important;
            }
        }
        .descriptions-label-slot{
            display: flex;
            align-items: center;
            width: 110px !important;//确保左侧固定文字不会换行
            justify-content: center;
        }
        .xhText{
            display: inline-block;
            color: #f5222d;
            line-height: 31px;
            padding-right: 2px;
            font-size: 14px;
            font-weight: 600;
            height: 30px;
        }
        .descriptions-item-center{

        }
        .ant-form-inline .ant-form-item-with-help{
            margin-bottom: 0px !important;
        }
        .zm-form-model{
            display: flex;
            .ant-form-item-control-wrapper{
                flex: 1;
            }
        }
        .ant-form-item-control-wrapper{
            font-family:仿宋_GB2312 !important;
        }
        .ant-descriptions-bordered .ant-descriptions-row{
            border-bottom: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            border-right: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-view{
            border: 1px solid #e4e3e3;
            border-right: 0;
        }
        .ant-descriptions-row:last-child{
            border-bottom: 0;
        }
        //
        .ant-list-empty-text {
            padding: 0px !important;
        }
        .ant-empty-normal {
            margin: 0px !important;
        }
    }
}
//意见记录
.opinion-record-box{
    width: 447px;
    display: flex;
    overflow-y: auto;
    border: 1px solid rgb(233 228 228);
    box-shadow: -1px 25px 20px rgb(233 228 228);
    .content-box{
        width: 100%;
        height: 320px;
        .content-for{
            border-bottom: 1px solid rgb(233 228 228);
            display: flex;
            flex: 1;
            width: 100%;
            .content-item{
                width: 100%;
                padding: 10px 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .content-text{

                }
            }
        }
    }
    .no-data-box{
        width: 100%;
        display: flex;
        padding-right: 20px;
        text-align: center;
        justify-content: center;
        height: 100px;
        line-height: 80px;
    }

}
.pull-input-w{
    .ant-form-item-control-wrapper,.vxe-input{
        width: 586px !important;
        margin-right: 65px;
    }
    .ant-form-item-control{
        line-height: 25px !important;
    }
}
.idea-modal-box{
    .ant-modal-content{
        width: 700px !important;
    }
    .ant-modal-body{
        min-height: 500px !important;
    }
    .pull-input-w{
        width: 100%;
        .ant-form-item-control-wrapper{
            width: 85% !important;
        }
    }
}

</style>
